* {
	margin: 0;
	padding: 0;
}
.clear {
	clear: both;
}
#main {
	width: 100%;
}
.main-inner {
	width: 1068px;
	margin: 0 auto;
}
.left {
	float: left;
}
.left-one {
	width: 406px;
	height: 200px; 
	float: left;
	margin-bottom: 18px;
}
.left-two {
	width: 205px;
	height: 200px;
	float: left;
	background:url(images/4.jpg);
	margin-left: 18px;
	margin-bottom: 18px;
}
.left-four {
	width: 406px;
	height: 200px;
	background:url(images/3.jpg);
	float: left;
	margin-left: 18px;
}
.left-three {
	width: 205px;
	height: 200px;
	float: left;
	background:url(images/2.jpg);
}
.right {
	float: left;
	background: #FC3;
	width: 420px;
	height: 418px;
	margin-left: 18px;
}
.left-one h3 {
	width: 80px;
	height: 20px;
	text-shadow: #333 2px 2px;
	 position: absolute;
     top: 170px;
     left: 480px;
	text-shadow: 4px 2px 10px #333333;
	font-size: 16px;
    
}
.left-four h3 {
	width: 80px;
	height: 20px;
	text-shadow: #333 2px 2px;
	position: relative;
	top: 170px;
	left: 330px;
	text-shadow: 4px 2px 10px #333333;
	font-size: 16px;
}
.left-two h3 {
	width: 80px;
	height: 20px;
	text-shadow: #333 2px 2px;
	position: relative;
	text-shadow: 4px 2px 10px #333333;
	top: 170px;
	left: 130px;
	font-size: 16px;
}
.left-three h3 {
	width: 80px;
	height: 20px;
	text-shadow: 4px 2px 10px #333333;
	position: relative;
	top: 170px;
	left: 130px;
	font-size: 16px;
}
.right h3 {
	text-shadow: #333 2px 2px;
	position: relative;
	text-shadow: 4px 2px 10px #333333;
	top: 390px;
	left: 350px;
	font-size: 16px;
}
.blur{
    -webkit-transition: 1s;  
    -moz-transition: 1s;  
    transition: 1s;  
    z-index: 2;
  
}
.blur:hover{
      -webkit-filter: blur(4px);filter: blur(4px); 
}
.left-hua {
	width: 406px;
	height: 200px; 
    background-color: palevioletred;
     -webkit-transition: 1s;  
     -moz-transition: 1s;  
     transition: 1s; 
      position: absolute;
      left: 150px; 
      z-index: 1;
     
}
.left-hua:hover{
    transform: translateY(-200px);
}